<template>
  <el-col :span="value.data.attribute.span" :offset="value.data.attribute.offset" :push="value.data.attribute.push" :pull="value.data.attribute.pull" class="c-col">
    <div class="c-div" v-icanva v-iedit>
      <component :is="dragdrop.components" v-model="value.slot[i]" v-for="(dragdrop,i) in value.slot" :key="i"></component>
    </div>
  </el-col>
</template>
<script type="text/javascript">
export default {
  props: {
    value: {
      type: [Array, Object]
    }
  },
  data() {
    return {}
  },
  computed: {}
}

</script>
<style type="text/css" lang="scss">
.c-col {
  padding: 5px !important;
}

.c-div{
  padding: 5px !important;
  min-height: 35px;
  border: solid 1px black;
}

</style>
